// * ========发送请求获取用户信息 渲染展示==============
function getUserInfo(){
    axios.get('/my/userinfo', {
        // 配置
        // 配置请求头  headers axios 里面的配置文档
        // todo  封装到请求拦截器
        // headers: {
        //     Authorization: localStorage.getItem("token")
        // }
    })
    .then(({
        data
    }) => {
        // console.log(data)
        // 做个判断
        // if (data.status === 1 && data.message === "身份认证失败！") {
            // 就需要让用户回到登录页面上  重新登录进去
        //     location.href = "/login.html"
        // }

        const {
            nickname,
            username,
            user_pic
        } = data.data
        // 处理头像和昵称 ===> 渲染到页面上
        // 名字 优先展示nickname ,如果没有nickname才显示username
        let name = nickname || username
        // console.log(name, name[0].toUpperCase())
        // 头像
        // 判断  没有图片头像  需要展示文字都行  取决 user_pic 的值
        if (user_pic) {
            // if成立说有user_pic的值 图片头像
            $('.avatar').attr('src', user_pic).show()
            // 以下代码需要加上  不然会有bug
            // 文字头像隐藏
            $(".text-avatar-box").hide()
        } else {
            // 没有user_pic的值 显示文字头像 隐藏图片头像
            $('.text-avatar-box').show()
            $('.text-avatar').text(name[0].toUpperCase())
            // 图片头像隐藏
            $('.avatar').hide()
        }
        // 欢迎谁
        $('#welcome').text('欢迎' + name)
    })
}
getUserInfo()
// * ======== 退出 功能==============
const layer = layui.layer
$('#btnLogout').on('click', function () {
    // 确认退出 做什么 ==>就是和登录做的事情反过来
    layer.confirm('确认真的要退出么？', {
        icon: 3,
        title: '提示'
    }, function (index) {
        // 1.把token 给清除掉
        // 2.跳转登录页面
        localStorage.removeItem('token')
        location.href = '/login.html'
        layer.close(index); // 关闭弹窗
    })
})